.section{
	margin-top: 150px;
}
.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.foot-margin {
  margin-top: 100px;
}

.travel-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	&:last-of-type{
		margin-bottom: 0;
	}
	.left{
		width: 600px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.right{
		width: 600px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-left: 50px;
		
	}
	.up{
		width: 100%;
		height: 340px;
		margin-bottom: 20px;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.down{
		width: 100%;
		height: 220px;
		display: flex;
		justify-content: space-between;
		img{
			width: 290px;
			height: 100%;
			object-fit: cover;
		}
	}
	.travel-item-name{
		display: flex;
		align-items: center;
		margin-bottom: 50px;
	}
	.title-badge{
		display: block;
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		color: #fff;
		font-size: 28px;
		text-align: center;
		line-height: 40px;
		border-radius: 0 10px 0 10px;
		margin-right: 15px;
		background: #366f70;
	}
	.title{
		&:extend(.textOverflow);
		font-size: 32px;
		color: #333;
	}
	.travel-introduce{
		font-size: 24px;
		color: #666;
		line-height: 2;
		margin-bottom: 40px;
	}
	.travel-location{
		display: flex;
		font-size: 20px;
		color: #999;
		p{
			&:extend(.textOverflow);
			margin-right: 10px;
		}
	}
	.layui-icon{
		font-size: 22px;
	}
}